Estoy haciendo una aplicación AngularJS 2 con la versión beta. Quiero mostrar una representación JSON de un objeto en mi página, pero muestra [Object Object] y no {key1:value1 ....}
Del componente que puedo usar:
get example() {return JSON.stringify(this.myObject)};y luego en la plantilla:
{{example}}pero si tengo una matriz de objetos y me gustaría imprimir una lista de estos objetos, ¿cómo puedo hacerlo?
Utilizando:
<ul> <li *ngFor="#obj of myArray">{{obj}}</li> </ul>da como resultado algo como:
- [Objeto Objeto] - [Objeto Objeto] - [Objeto Objeto] - [Objeto Objeto]
y así. ¿Hay alguna manera de mostrarlos como JSON?
Si desea ver lo que tiene dentro de un objeto en su aplicación web, use json pipe en una plantilla HTML de componente, por ejemplo:
<li *ngFor="let obj of myArray">{{obj | json}}</li>Probado y válido usando Angular 4.3.2.
Podemos usar tubería angular json
{{ jsonObject | json }}Para recorrer el objeto JSON: en Angluar (6.0.0+), ahora proporcionan el keyvalue de la tubería:
<div *ngFor="let item of object| keyvalue"> {{ item.key }} - {{ item.value }} </div>Para mostrar solo JSON
{{ object | json }}